<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login</title>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="{{ url_for('static',filename='javascript/login.js') }}"></script>
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='stylesheets/login.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='stylesheets/index.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='stylesheets/tw.css') }}">
</head>

<body>

    <header>
        <span class="title">Education Management Website</span>
    </header>

    <nav>
        Login
    </nav>

    <section id="user-account">
        <h2>User Account</h2>

        <form method="post">
            <label for="userid">User ID *</label>
            <input type="text" id="userid" name="userid" class="input w-full mb-3">

            <label for="password">Password *</label>
            <input type="password" id="password" name="password" class="input w-full mb-5">

            <input type="submit" value="Login" class="main-btn block mx-auto"/>
        </form>

    </section>

</body>

</html>